<template>
     <div class="appwrap">
         <Header></Header>
         <div class="conentwrap">
           <Left></Left>
           <Center></Center>
           <Right></Right>
         </div>

     </div>
</template>

<script>
import Header from "./components/header.vue"
import Left from "./components/left.vue"
import Center from "./components/center.vue"
import Right from "./components/right.vue"
export default {
    components:{
      Header,Left,Center,Right
    }
}
</script>

<style lang="scss">
.appwrap {
  width: 100%;
  height: 100%;
}
.conentwrap {
   display: flex;
   height: calc(100% - 80px);
}

</style>